<style>

.newslist{display:block;}
.newslist li{background:url(/res/themes/Blue/li.gif) 5px 4px no-repeat;list-style:none;width:100%;overflow:hidden;height:31px;line-height:31px;}
.newslist a{padding-left:22px;}

#rtopl{float:left;width:340px;height:210px;}
#rtopltitle{float:left;background:url(/res/themes/Blue/bx2_t.png);width:240px;height:40px;color:#333;}
#rtopltitle span{display:inline-block;margin:12px 0 0 40px;height:28px;line-height:28px;font-weight:bold;}
#rtopltitleright{float:right;background:url(/res/themes/Blue/bx2_t.png) right no-repeat;width:100px;height:40px;text-align:right;}
#rtopltitleright a{display:inline-block;margin:20px 20px 0 0;}
#rtoplmain{float:left;background:url(/res/themes/Blue/bx1_c.png) repeat-y;width:326px;height:auto;padding-left:14px;}
#rtoplcontent{background:url(/res/themes/Blue/bx1_c.png) right repeat-y;width:316px;padding:5px 10px 0 0;}
#rtoplbottom{float:left;background:url(/res/themes/Blue/bx1_b.png);width:340px;height:10px;}
#rtoplbottomr{float:right;background:url(/res/themes/Blue/bx1_b.png) right;width:20px;height:10px;}

#rtopr{float:right;width:380px;height:210px;}
#rtoprtitle{float:left;background:url(/res/themes/Blue/bx3_t.png);width:280px;height:32px;color:#333;}
#rtoprtitle span{display:inline-block;margin:8px 0 0 27px;height:24px;line-height:24px;font-weight:bold;}
#rtoprtitleright{float:right;background:url(/res/themes/Blue/bx3_t.png) right no-repeat;width:100px;height:32px;text-align:right;}
#rtoprtitleright a{display:inline-block;margin:12px 20px 0 0;}
#rtoprmain{float:left;background:url(/res/themes/Blue/bx1_c.png) repeat-y;width:366px;height:auto;padding-left:14px;}
#rtoprcontent{background:url(/res/themes/Blue/bx1_c.png) right repeat-y;width:356px;padding:12px 10px 0 0;}
#rtoprbottom{float:left;background:url(/res/themes/Blue/bx1_b.png);width:380px;height:10px;}
#rtoprbottomr{float:right;background:url(/res/themes/Blue/bx1_b.png) right;width:20px;height:10px;}

#productviewblock{float:right;width:720px;}
#pvtitle{float:left;background:url(/res/themes/Blue/bx3_t.png);width:620px;height:32px;color:#333;}
#pvtitle span{display:inline-block;margin:8px 0 0 27px;height:24px;line-height:24px;font-weight:bold;}
#pvtitleright{float:right;background:url(/res/themes/Blue/bx3_t.png) right no-repeat;width:100px;height:32px;text-align:right;}
#pvtitleright a{display:inline-block;margin:12px 20px 0 0;}
#pvmain{float:left;background:url(/res/themes/Blue/bx1_c.png) repeat-y;width:706px;height:auto;padding-left:14px;}
#pvcontent{background:url(/res/themes/Blue/bx1_c.png) right repeat-y;width:696px;padding:5px 10px 0 0;}
#pvbottom{float:left;background:url(/res/themes/Blue/bx1_b.png);width:720px;height:10px;}
#pvbottomr{float:right;background:url(/res/themes/Blue/bx1_b.png) right;width:20px;height:10px;}

.productCard{float:left;width:139px;text-align:center;}
.productCard a{display:block;margin-top:10px;}

</style>

<div id="main">
    <div id="left">
        <div class="leftblock">
            <div class="blocktitle"><span>{$ProductCategoryText}</span></div><div class="blocktitleright"></div>
            <div class="blockmain">
                <div class="blockcontent">
                {loop $productCategoryList $v}
                <div class="productcategoryitem"><a href="productList.php?cid={$v['id']}">{$v['name']}</a></div>
                {/loop}
                </div>
            </div>
            <div class="blockbottom">
                <div class="blockbottomr"></div>
            </div>
        </div>
        <div class="leftblock">
            <div class="blocktitle"><span>{$AboutUsText}</span></div><div class="blocktitleright"></div>
            <div class="blockmain">
                <div class="blockcontent">
                {$aboutUsContent}
                </div>
            </div>
            <div class="blockbottom">
                <div class="blockbottomr"></div>
            </div>
        </div>
    </div>

    <div id="right">
        <div id="rtopl">
            <div id="rtopltitle"><span>{$RecentNewsText}</span></div>
            <div id="rtopltitleright"><a href="newsList.php"><img src="/res/themes/Blue/more.gif" alt="" border="0" /></a></div>
            <div id="rtoplmain">
                <div id="rtoplcontent">
                <ul class="newslist">
                    {loop $newsList $v}
                    <li><a href="newsInfo.php?id={$v['id']}">{$v['title']}</a></li>
                    {/loop}
                </ul>
                </div>
            </div>
            <div id="rtoplbottom">
                <div id="rtoplbottomr"></div>
            </div>
        </div>
        
        <div id="rtopr">
            <div id="rtoprtitle"><span>{$FaqText}</span></div>
            <div id="rtoprtitleright"><a href="newsList.php"><img src="/res/themes/Blue/more.gif" alt="" border="0" /></a></div>
            <div id="rtoprmain">
                <div id="rtoprcontent">
                <ul class="newslist">
                    {loop $faqList $v}
                    <li><a href="newsInfo.php?id={$v['id']}">{$v['title']}</a></li>
                    {/loop}
                </ul>
                </div>
            </div>
            <div id="rtoprbottom">
                <div id="rtoprbottomr"></div>
            </div>
        </div>
        
        <div id="productviewblock">
            <div id="pvtitle"><span>{$ProductShowText}</span></div>
            <div id="pvtitleright"><a href="newsList.php"><img src="/res/themes/Blue/more.gif" alt="" border="0" /></a></div>
            <div id="pvmain">
                <div id="pvcontent">
                {loop $productList $v}
                    <div class="productCard">
                    <img src="/{$v['picfile']}" alt="" border="0" width="100" height="75" />
                    <a href="productInfo.php?id={$v['id']}">{$v['name']}</a>
                    </div>
                {/loop}
                </div>
            </div>
            <div id="pvbottom">
                <div id="pvbottomr"></div>
            </div>
        </div>
    </div>
    
    <div class="clear"></div>
</div>